.allContent{
  width:100%;
  display: flex;
  flex-direction:column;
  align-items: center;
  background: white;
}
.contentFlex{
  width:88%;

}

.contentBottom{
  width:100%;
  display: flex;
  justify-content: center;
  border-bottom:2px solid #e4e1e1;
}
.flexContent{
  width:100%;
  background: #f5f5f5;
  display: flex;
  flex-direction:column;
  align-items: center;
  border-top:2px solid #f5f5f5;
}
.centerContent{
  width:88%;min-height:260px;
  background: white;
  padding-top:20px;

}
.topHeader{
  display: flex;
  height:auto;justify-content: flex-start;
  /*border-bottom:1px solid #bbbbbb;*/
  background: white;
  /*position: fixed;*/
}
.logoImg{
  height: 3em;
  width: 3.5em;
}
.headerLeft{
  display: flex;align-items: center;justify-content: flex-start;
  width:80%;

}
.headerRight{
  display: flex;align-items: center;justify-content: space-around;
  width:20%; font-family:Microsoft Yahei;
  font-size: 0.85em;
  cursor:pointer;
}
.headerRight :hover{
  color: #118ee9;
}
.searchInput{
  border:1px solid #108ee9; height:20px;
}
.searchIconBac{
  background: #108ee9;
  display: flex;
  justify-content: center;align-items: center;
  height:23.5px;
  width:21px;

}
.searchIconBac:hover
{
  background-color:#3aabff;
  opacity:0.8;
}
.searchIconBac:active  {background: #108ee9;}
.searchIcon{
  height:21px;
  width:20px;
}
.avateIcon{
  width:18px;
  height:18px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:2px solid #108ee9;
}
.typeHeader{
  /*background: white;*/
  display: flex;flex-direction:column;
  justify-content: space-around;
  height:50px;
  width:88%;
  background: #f5f5f5;
  align-self:flex-start;
  /*position: fixed;*/

}
.arrowText{
  display: flex;
  height:30px;
  padding-top:8px;
  cursor: pointer;
  align-self: flex-start;
  background: #f5f5f5;
}
.arrowText :hover{
  color: #118ee9;
}
.arrowContent{
  display: flex;align-items: center;height:18px;text-align: center;
}
.arrowRightText{
  width:110%;font-family:Microsoft Yahei;
  color: #434343;
}
.arrowRightTextBlue{
  width:110%;font-family:Microsoft Yahei;
  color: #118ee9;
}
.arrowRight{
  height:10px;
  width:10px;
}
.arrowRightNone{
  height:10px;
  width:10px;
  display: none;
}
.typeTextBottom{
  display: flex;
  width:50%;

  height:30px;

}
.Allcourse{
  height:45px;
  width:100%;
  display: flex;
  justify-content: center;

}

.coverImgContent{
  width:45%;
  height:33%;
  display: flex;
  justify-content: center;
  align-items: center;

}

.coverImg{
  height:97%;
  width:88%;
}
.centerContent{
  display: flex;
  padding-bottom:15px;
}
.coverText{
  font-family:Microsoft Yahei;
  font-size:16px;

}
/*.coverText text{*/

/*}*/
.signedNum{
  color: #0f8fea;
  font-size:15px;font-family:Microsoft Yahei;
}
.signedText{
  font-size:15px;font-family:Microsoft Yahei;
}
.signEndTime{
  border:2px solid #f5f5f5;
  padding:8px;width:80%;
}
.coverCourseText{
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  width:45%;
  font-family:Microsoft Yahei;
}
.coverCash{
  display: flex;
  flex-direction:column;
  justify-content: space-around;
  background: #f5f5f5;
  width:80%;
  border:1px solid #f5f5f5;
  height:60px;
}
.coverCashText{
  display: flex;
  font-family:Microsoft Yahei;
  justify-content:flex-start;
}
.coverCashText text{
  width:45%;font-family:Microsoft Yahei;font-size:16px;
}
.coverBtn{
  display: flex;
  width:60%;
  justify-content: flex-start;

}
.signBtn{
  width:60%;

}
.signBtn Button{
  background: #108ee9;
  height:35px;
  color: white;
  font-weight:bold;
  width:72%;
}
.queryBtn{
  background: white;
  border:1px solid #108ee9;
  height:35px;
  display: flex;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  justify-content: center;align-items: center;
  width:40%;font-weight:bold;
  font-family:Microsoft Yahei;
  color: #108ee9;
  cursor: pointer;
}
.queryBtn :hover{

 font-weight:bolder;
  color: #000;
}
.queryBtn :active{
  font-weight:bold;
  color: #108ee9;
}
.nowCash{
  width:100%;font-family:Microsoft Yahei;
  color: #fc4645;font-size:16px;
}
.nowCashText{
  width:45%;font-family:Microsoft Yahei;
  color: #fa4647;
  font-size:19px;
}
.courseBriContent{
  background: #f5f5f5;
  width:100%;
  display: flex;
  flex-direction:column;
  align-items: center;
}
.tabContent{
  background: white;
  width:88%;
  min-height:200px;
  margin-top:10px;
}
.tabCard{
  padding-top:15px;

  padding-left:2.5%;
}
.briHeader{
  display: flex;
  flex-direction:column;
  padding:6px 0 6px 0;
  /*padding-bottom:5px;*/
  border-bottom:1px solid #f5f5f5;
  /*align-items: center;*/
}
.circle{
  height:15px;
  width:15px;
  text-align: center;
  border:1px solid #fa4647;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle span {
  height:11px;
  width:11px; -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  background: #fa4647;
}
.briText{
  font-family:Microsoft Yahei;
  font-size:16px;
  margin-left:3px;


}
.courseBriText{
  padding-left:3%;


}
.briHeaderText{
  display: flex;
  align-items: center;
  width:45%;
  padding-left:10px;

}
.briHeaderTextTeacher{
  display: flex;
  align-items: center;
  width:45%;
  padding-left:10px;
  border-bottom:1px dashed #e5e5e5;
}
.teacherInfo{
  display: flex;align-items: center;
  width:100%;
  flex-wrap: wrap;
  padding:5px;
  border-bottom:1px solid #f5f5f5;
}
.teacherFlex{

}
.teacherAtavar{
  height:50px;
  width:50px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:2px solid #108ee9;

}
.teacherBriImg{
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  padding:10px;
}
.tabPane1{

}
.teacherBriContent{
  display:flex;
}
.teacherName{
  padding-top:3px;
  color: #118eea;
  font-size:16px;
  font-family:Microsoft Yahei;
}
.courseDetailImg{
  width:98%;
  height:80%;
}
.classBriContent{
  display: flex;
  flex-direction:column;
  font-size:15px;
  font-family:Microsoft Yahei;
  padding:10px;
  border-bottom:1px solid #f5f5f5;
}
.classNameText{
  font-size:15px;
  font-family:Microsoft Yahei;
  align-items: center;
  display: flex;
}
.classNameText img {
  height:14px;
  width:14px;
}
.classNameText text{
  color: #118eea;
  padding-left:3px;
}
.courseChapter{
  width:100%;

}

.sectionContent{
  display: flex;
  flex-direction:column;
  border-bottom:1px solid #f5f5f5;
  padding-bottom:35px;
  width:100%;
  padding-top:5px;
}

.sectionTitle{
  display: flex;
  font-size:15px;
  font-family:Microsoft Yahei;
  font-weight:bold;
  cursor:pointer;
}
.sectionContentFlex{
  width:100%;

}
.taskContent{
  display: flex;
  font-size:15px;
  font-family:Microsoft Yahei;
  background: #f5fbff;
  padding-bottom:3px;
  padding-top:3px;
  margin-top:5px;
  cursor:pointer;
}
.taskContent :hover{
  background: white;

}
.sectionTitle :hover{
  background: white;
}

.recordPlayIcon{
  height:20px;
  width:20px;
}
.taskTypeText{
  margin-left:5px;
}
.taskTitleText{
  margin-left:5px;
}
.taskStudyText{
  margin-left:5px;
}
.taskTextInfo{
  margin-left:8px;
  color: #aaaaaa;
  font-size:14px;
}
.taskTextInfoRed{
  margin-left:8px;
  color: orangered;
  font-size:14px;
}
.signBtnInfo{
  display: flex;flex-direction: column;
  align-items: center;

}
.signBtnInfo text {
  font-size:16px;
  color: #118ee9;
}
.signBtnInfo img {
  width:186px;
  height:186px;
}
.queryBtnInfo{
  display: flex;
  flex-direction:column;
  align-items: center;
}
.queryBtnInfo text{
  font-size:16px;
  display: flex;
}
.queryBtnInfo div{
  font-size:16px;
  color: #118ee9;
}

.queryBtnInfo img{
  width:186px;
  height:186px;
}
.spin{
  height:100%;
  width:100%;
  display: flex;
  justify-content: center;
  align-items:center;
}
